<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>稻城亚丁自驾游计划</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* 全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background: #f8f9fa;
            color: #333;
            line-height: 1.6;
            padding: 0;
            font-size: 14px;
        }
        
        .container {
            width: 210mm; /* A4宽度 */
            min-height: 297mm; /* A4高度 */
            margin: 0 auto;
            background: white;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            position: relative;
            padding: 15mm;
        }
        
        /* 页眉样式 */
        header {
            text-align: center;
            padding: 5mm 0;
            margin-bottom: 5mm;
            border-bottom: 2px solid #1a5fb4;
        }
        
        header h1 {
            font-size: 24px;
            color: #1a5fb4;
            margin-bottom: 3mm;
        }
        
        .header-info {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            margin-top: 3mm;
        }
        
        .info-item {
            padding: 2mm 4mm;
            background: #e9f1fb;
            border-radius: 4px;
            margin: 1mm;
            font-size: 13px;
        }
        
        /* 警告区域 */
        .warning {
            background: #fff6e6;
            border: 1px solid #ffa500;
            padding: 4mm;
            margin: 4mm 0;
            border-radius: 4px;
            font-size: 13px;
        }
        
        .warning h3 {
            color: #cc8500;
            margin-bottom: 2mm;
            display: flex;
            align-items: center;
        }
        
        .warning h3 i {
            margin-right: 2mm;
        }
        
        /* 主要内容区域 */
        section {
            margin: 4mm 0;
        }
        
        h2 {
            color: #1a5fb4;
            font-size: 18px;
            margin: 4mm 0 2mm;
            padding-bottom: 2mm;
            border-bottom: 1px solid #e6e6e6;
            display: flex;
            align-items: center;
        }
        
        h2 i {
            margin-right: 3mm;
        }
        
        /* 卡片样式 */
        .card {
            background: white;
            border-radius: 4px;
            padding: 3mm;
            margin: 2mm 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            border-left: 3px solid #3584e4;
        }
        
        .card h3 {
            color: #3584e4;
            margin-bottom: 2mm;
            font-size: 15px;
            display: flex;
            align-items: center;
        }
        
        .card h3 i {
            margin-right: 2mm;
        }
        
        /* 表格样式 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 3mm 0;
            font-size: 12px;
            page-break-inside: avoid;
        }
        
        th, td {
            padding: 2mm;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        th {
            background: #3584e4;
            color: white;
            font-weight: 600;
        }
        
        tr:nth-child(even) {
            background: #f9f9f9;
        }
        
        .highlight {
            color: #e01b1b;
            font-weight: 600;
        }
        
        /* 其他部分 */
        .attractions, .supplies {
            display: flex;
            flex-wrap: wrap;
            gap: 2mm;
            margin: 3mm 0;
        }
        
        .attraction, .supply-category {
            flex: 1;
            min-width: 45%;
            background: white;
            border-radius: 4px;
            padding: 3mm;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            margin-bottom: 2mm;
        }
        
        .attraction h3, .supply-category h3 {
            color: #3584e4;
            margin-bottom: 2mm;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
        
        .attraction h3 i, .supply-category h3 i {
            margin-right: 2mm;
        }
        
        ul {
            list-style-type: none;
            padding-left: 1mm;
        }
        
        li {
            margin-bottom: 1mm;
            padding-left: 5mm;
            position: relative;
            font-size: 13px;
        }
        
        li:before {
            content: "•";
            color: #3584e4;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        
        /* 页脚 */
        footer {
            text-align: center;
            padding: 4mm;
            margin-top: 6mm;
            border-top: 1px solid #ddd;
            font-size: 13px;
            color: #666;
        }
        
        /* 打印样式 */
        @media print {
            body {
                background: white;
            }
            
            .container {
                width: 100%;
                min-height: auto;
                box-shadow: none;
                padding: 0;
            }
            
            table {
                page-break-inside: avoid;
            }
            
            section {
                page-break-inside: avoid;
            }
            
            tr {
                page-break-inside: avoid;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>稻城亚丁自驾游计划 <i class="fas fa-paw"></i></h1>
            <p>重庆出发，两人一狗的完美旅程</p>
            <div class="header-info">
                <div class="info-item"><i class="far fa-calendar-alt"></i> 2024年8月30日 - 9月5日</div>
                <div class="info-item"><i class="fas fa-road"></i> 全程约1760公里</div>
                <div class="info-item"><i class="fas fa-users"></i> 两人 + 泰迪犬</div>
            </div>
        </header>
        
        <div class="warning">
            <h3><i class="fas fa-exclamation-triangle"></i> 重要提醒</h3>
            <p>1. 高反风险：稻城亚丁海拔极高，人和狗都需注意高原反应，请提前准备氧气瓶和宠物高原安。</p>
            <p>2. 政策确认：所有推荐酒店<strong>务必提前电话确认</strong>当前宠物政策及费用。</p>
            <p>3. 景区限制：稻城亚丁<strong>景区内严禁宠物入内</strong>，需将狗寄存在酒店或车内安全处。</p>
            <p>4. 安全第一：行车时请使用宠物航空箱或车载宠物安全带。</p>
        </div>
        
        <section>
            <h2><i class="fas fa-map-marked-alt"></i> 行程总览</h2>
            <div class="card">
                <h3><i class="fas fa-route"></i> 路线信息</h3>
                <p><strong>总里程：</strong>约单程880公里，往返1760公里</p>
                <p><strong>驾驶时间：</strong>单程纯驾驶约16-17小时，建议分3天轻松完成</p>
            </div>
            <div class="card">
                <h3><i class="fas fa-mountain"></i> 海拔信息</h3>
                <p><strong>最高点：</strong>卡子拉山（4718米）</p>
                <p><strong>住宿点：</strong>2530米 - 3630米之间</p>
            </div>
            <div class="card">
                <h3><i class="fas fa-paw"></i> 宠物友好提示</h3>
                <p>大部分酒店允许携带宠物，但需提前确认</p>
                <p>景区内禁止宠物进入，需提前安排</p>
            </div>
            
            <h2><i class="fas fa-calendar-day"></i> 每日详细计划</h2>
            <table>
                <thead>
                    <tr>
                        <th>日期</th>
                        <th>行程路线</th>
                        <th>路程与耗时</th>
                        <th>落脚点 (海拔)</th>
                        <th>推荐住宿</th>
                        <th>当日贴士</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>8月30日</td>
                        <td>重庆 → 雅安 → 康定</td>
                        <td>530公里，6-7小时</td>
                        <td>康定市 (2560米)</td>
                        <td>康定情歌酒店/藏地祥雪酒店/白玉酒店</td>
                        <td>首日路程长但多高速。抵康定适应海拔。可带狗逛情歌广场。<span class="highlight">务必电话确认政策</span>。</td>
                    </tr>
                    <tr>
                        <td>8月31日</td>
                        <td>康定 → 新都桥 → 雅江</td>
                        <td>150公里，3-4小时</td>
                        <td>雅江县 (2530米)</td>
                        <td>雅江维也纳酒店/驿路大酒店</td>
                        <td>翻越折多山(4298米)，注意高反。经新都桥摄影天堂。选雅江低海拔住宿助睡眠。<span class="highlight">确认政策</span>。</td>
                    </tr>
                    <tr>
                        <td>9月1日</td>
                        <td>雅江 → 理塘 → 稻城 → 香格里拉镇</td>
                        <td>320公里，6-7小时</td>
                        <td>香格里拉镇 (2900米)</td>
                        <td>华美达安可酒店/日松贡布酒店</td>
                        <td>风景壮丽，经天路十八弯、卡子拉山(4718米)、兔儿山(4696米)、海子山(4500米)。理塘午饭。<span class="highlight">确认政策</span>。</td>
                    </tr>
                    <tr>
                        <td>9月2日</td>
                        <td>稻城亚丁景区长线游览</td>
                        <td>游玩7-8小时</td>
                        <td>香格里拉镇 (2900米)</td>
                        <td>与前一晚同酒店</td>
                        <td><span class="highlight">景区严禁带狗！</span>提前与酒店协商寄存，或确保车内通风安全。挑战牛奶海、五色海，量力而行。</td>
                    </tr>
                    <tr>
                        <td>9月3日</td>
                        <td>香格里拉镇 → 新都桥/雅江</td>
                        <td>350公里，6-7小时</td>
                        <td>新都桥镇 (3630米)</td>
                        <td>新都桥云顶星空酒店/梵心夜空酒店</td>
                        <td>可睡懒觉或游亚丁短线。下午返程至新都桥，住宿选择多。<span class="highlight">确认政策</span>。</td>
                    </tr>
                    <tr>
                        <td>9月4日</td>
                        <td>新都桥 → 康定 → 泸定 → 重庆</td>
                        <td>530公里，7-8小时</td>
                        <td>温暖的家</td>
                        <td>-</td>
                        <td>长途驾驶，早出发。可泸定停留远观泸定桥（狗或不可上桥）。全速返家。</td>
                    </tr>
                    <tr>
                        <td>9月5日</td>
                        <td>机动/休息日</td>
                        <td>-</td>
                        <td>温暖的家</td>
                        <td>-</td>
                        <td>预留缓冲日。如疲劳前日可住雅安/成都，今日轻松回。或在家休息。</td>
                    </tr>
                </tbody>
            </table>
            
            <h2><i class="fas fa-map-signs"></i> 沿途可带狗游玩点（需牵绳）</h2>
            <div class="attractions">
                <div class="attraction">
                    <h3><i class="fas fa-mountain"></i> 康定</h3>
                    <p>情歌广场、跑马山（需确认缆车政策）</p>
                </div>
                <div class="attraction">
                    <h3><i class="fas fa-camera"></i> 新都桥</h3>
                    <p>沿线10公里风景走廊、塔公草原</p>
                </div>
                <div class="attraction">
                    <h3><i class="fas fa-place-of-worship"></i> 理塘</h3>
                    <p>勒通千户藏寨外部、长青春科尔寺外部</p>
                </div>
                <div class="attraction">
                    <h3><i class="fas fa-mountain"></i> 海子山</h3>
                    <p>观景台远眺古冰川遗迹</p>
                </div>
                <div class="attraction">
                    <h3><i class="fas fa-water"></i> 泸定</h3>
                    <p>大渡河边、远观泸定桥</p>
                </div>
            </div>
            
            <h2><i class="fas fa-suitcase"></i> 必备物资（狗狗）</h2>
            <div class="supplies">
                <div class="supply-category">
                    <h3><i class="fas fa-utensils"></i> 食品健康</h3>
                    <ul>
                        <li>狗粮、零食</li>
                        <li>常用药、宠物专用高原安</li>
                    </ul>
                </div>
                <div class="supply-category">
                    <h3><i class="fas fa-hiking"></i> 出行装备</h3>
                    <ul>
                        <li>牵引绳、嘴套（部分场所需要）</li>
                        <li>车载安全设备（航空箱/安全带）</li>
                    </ul>
                </div>
                <div class="supply-category">
                    <h3><i class="fas fa-toilet"></i> 日常用品</h3>
                    <ul>
                        <li>食盆水盆、宠物湿巾、捡屎袋</li>
                        <li>熟悉的玩具和毯子（减少不安）</li>
                    </ul>
                </div>
            </div>
        </section>
        
        <footer>
            <p>祝您旅途愉快，一路平安！带着爱犬，探索川西最美风景</p>
            <p>生成日期：2023年10月15日</p>
        </footer>
    </div>

    <script>
        // 添加打印日期
        document.addEventListener('DOMContentLoaded', function() {
            const today = new Date();
            const dateStr = today.getFullYear() + '年' + (today.getMonth() + 1) + '月' + today.getDate() + '日';
            document.querySelector('footer p:last-child').textContent = '生成日期：' + dateStr;
        });
    </script>
</body>
</html>